@charset "utf-8";
.kv {
    margin-top: 56px;
    .carousel-indicators {
        bottom: 30;
    }
    .pagination {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 1px solid #fff;
        background: none;
    }
    .active {
        background: #fff;
    }
}
.lieren {
    .remen {
        position: relative;
        background: url(../img/youx3.png)no-repeat;
        background-position: left;
        background-size: 90%;
    }
    //  上吧公主
    .shangbagongzhu_bg {
        position: relative;
        background: url(../img/youx13.png)no-repeat;
        background-position: left;
        background-size: 90%;
    }
    .remen_text {
        >h1 {
            text-align: right;
            font-size: 30px;
            color: #2a2a2a;
        }
        >p {
            text-align: right;
            font-size: 12px;
            color: #898989;
            line-height: 30px;
        }
        .lieren_img {
            margin-top: 30px;
        }
    }
    //上吧公主
    .shangbagongzhu_text {
        >h1 {
            text-align: left;
            font-size: 30px;
            color: #2a2a2a;
        }
        >p {
            text-align: left;
            font-size: 12px;
            color: #898989;
            line-height: 30px;
        }
        .lieren_img {
            margin-top: 30px;
        }
    }
}
.shangbagongzhu {
    margin-top: 60px;
}
//更多案例
.more_case {
    padding-top: 124px;
    padding-bottom: 90px;
    h1 {
        font-size: 36px;
        color: #010101;
        margin-bottom: 38px;
    }
    a:hover {
        text-decoration: none;
    }
    .card {
        border: none;
        margin-top: 20px;
        .card-body {
            padding: 10px 0;
            p {
                text-align: center;
                color: #2a2a2a;
            }
        }
        .mask_big {
            position:relative;
            overflow: hidden;
            .mask {
                position: absolute;
                top:0;
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,0.7);
                transform:translateX(-100%);
                transition:all 1s;
                p {
                    padding:10px;
                    font-size: 12px;
                    color: white;
                }
            }
        }
        
    }
}
@media only screen and (max-width:992px) {
    .lieren {
        .remen {}
        .remen_text {
            img {
                width: 240px;
            }
            .lieren_img {
                margin-top: 20px;
            }
        }
        .shangbagongzhu_text {
            img {
                width: 240px;
            }
            .lieren_img {
                margin-top: 20px;
            }
        }
    }
}

@media only screen and (min-width:768px){
    .more_case{
        .mask_big:hover .mask{
            transform:translateX(0);
        }
    }
}
@media only screen and (max-width:768px) {
    .lieren {
        .remen {
            background: none;
        }
    }
    .more_case{
        padding-top: 60px;
        padding-bottom: 40px;
    }
}
@media only screen and (max-width:530px) {
    .lieren {
        .remen {}
        .remen_text {
            img {
                width: 180px;
            }
            .lieren_img {
                margin-top: 20px;
            }
        }
        .shangbagongzhu_text {
            img {
                width: 180px;
            }
            .lieren_img {
                margin-top: 20px;
            }
        }
    }
}
@media only screen and (max-width:414px) {
    .lieren {
        .remen {}
        .remen_text {
            img {
                width: 150px;
            }
            .lieren_img {
                margin-top: 20px;
            }
        }
        .shangbagongzhu_text {
            img {
                width: 150px;
            }
            .lieren_img {
                margin-top: 20px;
            }
        }
    }
}
@media only screen and (max-width:340px) {
    .lieren {
        .remen {}
        .remen_text {
            img {
                width: 130px;
            }
            .lieren_img {
                margin-top: 20px;
            }
        }
        .shangbagongzhu_text {
            img {
                width: 130px;
            }
            .lieren_img {
                margin-top: 20px;
            }
        }
    }
}